import { CSSProperties, ReactNode } from "react";
import { Empty as AntdEmpty, EmptyProps } from "antd";
import { mergeObj } from "@/lib/util";

interface Props extends EmptyProps {
  /**提示文字 */
  description?: ReactNode;
  /**图标， 是string时代表图片路径 */
  image?: ReactNode;
  /**孩子，展示在提示内容的下面 */
  children?: ReactNode;
  /**图片的样式 */
  imageStyle?: CSSProperties;
}
/**空白内容时的展示组件，是对Antd的Empty的简单封装 */
export default function Empty(props: Props) {
  const { children } = props;
  return (
    <AntdEmpty {...props} style={mergeObj({ height: "100%" }, props.style || {})} className="flexCenter flex-col">
      {children}
    </AntdEmpty>
  );
}
